<template>
    <div class="customer common__color-F0F0F0">
        <x-header v-show="!isWeChar">
            <div slot="default" class="common__header--title">我的客户</div>
            <div @click="goBack" slot="overwrite-left" class="common__header--img"><img slot="icon" src="~assets/x3/ico/goback1.png" class="go-back"></div>
            <div class="common__header--rightfont" slot="right">导入</div>
        </x-header>
        <group class="common__serch--group">
            <input class="common__serch--input" placeholder="搜索">
        </group>
        <group>
            <cell>
                <span class="customer__list--title" slot="after-title">新增客户</span>
                <img slot="icon" width="20" style="display:block;margin-right:5px;" src="~assets/x3/ico/shop-header.png">
            </cell>
            <cell>
                <span class="customer__list--title" slot="after-title">续保管理</span>
                <img slot="icon" width="20" style="display:block;margin-right:5px;" src="~assets/x3/ico/shop-header.png">
            </cell>
        </group>
        <group>
            <tab>
                <tab-item selected>字母</tab-item>
                <tab-item>签单</tab-item>
                <tab-item>续保</tab-item>
            </tab>
        </group>
        <keep-alive>
            <pin-yin></pin-yin>
        </keep-alive>
    </div>
</template>
<script>
import PinYin from 'src/components/my/PinYinList';
import { XHeader, Search, Cell, CellBox, CellFormPreview, Group, XTable, Tab, TabItem } from 'vux';
import { mapState, mapActions } from "vuex";
export default {
    components: { XHeader, Search, Group, Cell, CellFormPreview, CellBox, XTable, Tab, TabItem, PinYin },
    computed: mapState({
        isWeChar: "isWeChar"
    }),

    data() {
        return {
            results: [],
            value: 'test',
            customer: {
            }
        }
    },
    methods: {
        goBack() {
            this.$common.goBack(this);
        }
    },
    mounted() {
        document.title = "我的客户";
        let _this = this;
        this.$init.subPageInit(this);

    },
}
</script>


<style lang="scss" scoped>
input::-ms-input-placeholder {
  text-align: center;
}

input::-webkit-input-placeholder {
  text-align: center;
}

.customer__list--title {
  font-size: 14px;
}
</style>



